<template>
  <el-card>
    <el-tabs
      v-model="activeName"
      class="demo-tabs"
    >
      <el-tab-pane
        label="密码设置"
        name="passwordRule"
      >
        <passwordRule v-if="activeName === 'passwordRule'" />
      </el-tab-pane>
      <el-tab-pane
        label="登陆设置"
        name="loginRule"
      >
        <loginRule v-if="activeName === 'loginRule'" />
      </el-tab-pane>
      <el-tab-pane
        label="部门设置"
        name="departmentRule"
      >
        <departmentRule v-if="activeName === 'departmentRule'" />
      </el-tab-pane>
      <el-tab-pane
        label="用户设置"
        name="userRule"
      >
        <userRule v-if="activeName === 'userRule'" />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import passwordRule from './passwordRule.vue'
import loginRule from './loginRule.vue'
import departmentRule from './departmentRule.vue'
import userRule from './userRule.vue'

const activeName = ref('passwordRule')
</script>

<style scoped lang="scss">

</style>
